<ion-header>
  <ion-navbar >
    <div class="trackerTitle">
        <img src="assets/imgs/distance.png"/>
        <span>Mileage Tracker</span>
    </div>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <div class="app_page">
    <div class="user_panel">
      <div class="user_title">User Information</div>
      <div class="user_name">Shine</div>
      <div class="user_op_panel">
          <div (click)="whenDeleteClick($event)">
            <img src="assets/imgs/delete_64px.png"/>
          </div>
          <div (click)="whenEditClick($event)">
              <img src="assets/imgs/edit_64px.png"/>
          </div>
          <div (click)="whenPlusClick($event)">
              <img src="assets/imgs/plus_64px.png"/>
          </div>

      </div>
    </div>

    <div class="op_panel">

      <div
      (click)="whenStartClick($event)">
        <span><img src="assets/imgs/road.png"/></span>
        <span>{{this.lblStart}}</span>
      </div>
      <div
      (click)="whenViewLogClick()"
      >
          <span><img src="assets/imgs/notepad.png"/></span>
          <span>VIEW LOG</span></div>
      <div>
          <span><img src="assets/imgs/plot.png"/></span>
          <span>PLOT</span></div>
      <div>
          <span><img src="assets/imgs/calc.png"/></span>
          <span>STATISTICS</span></div>

    </div>
  </div>
</ion-content>